<template>
  <view class="text-message">
    <text class="content">{{ content }}</text>
  </view>
</template>

<script>
export default {
  props: {
    content: {
      type: String,
      required: true
    }
  }
};
</script>

<style scoped>
.text-message {
  padding: 10rpx 0;
}

.content {
  font-size: 32rpx;
  color: #333;
  line-height: 44rpx;
  white-space: pre-wrap;
}
</style>
